// pages/collect/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        collect:[],
        tabs:[
            {
                id:0,
                value:"商品收藏",
                isActive:true
            },
            {
                id:1,
                value:"品牌收藏",
                isActive:false
            },
            {
                id:2,
                value:"店铺收藏",
                isActive:false
            },
            {
                id:3,
                value:"浏览足迹",
                isActive:false
            }
        ],
    },
    onShow(){
        let collect = wx.getStorageSync("collect") || [];
        this.setData({
            collect
        })
        console.log(this.data.collect);
    },
    tabsItemChange(e){
        var {index} = e.detail
        /* index是tabsItemChange是自带的属性 从0开始 */
        // this.onShow(index)  //这样也可以拿到type值捏
        /* 修改原数组 */
        // 这里用到的是深拷贝 拷贝可枚举属性
        /*  如果源目标对象中某个属性值是对另一个对象的引用，
        那么这个属性的拷贝仍然是对引用的拷贝。
        */
        // let tabs = Object.assign({},this.data)
        // 或者this.tabs 都不行 说不是一个数组。。转换了也不行
        this.changeTitleByIndex(index)
    },
    changeTitleByIndex(index){
        let {tabs} = this.data
        tabs.forEach((v,i)=>{
            i===index?v.isActive=true:v.isActive=false
        })
        this.setData({
            tabs
        })
    },
})